<!DOCTYPE html>
<html style="height: 100%;">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>ImageViewer</title>
    <script src="/web-container-base/plugins/scripts/jquery.min.js"></script>
    <script type="text/javascript" src="/web-container-base/js/common.js"></script>
    <script type="text/javascript" src="/web-container-base/js/base64.js"></script>
    <script type="text/javascript" src="/web-container-base/js/DocSys.js"></script>
</head>
<body style="height: 100%; margin: 0;">
<div align="center" style="margin-top:20px; min-height:500px;">
    <img id="imgPlayer" name="imgPlayer" src="" style="display:none; max-width:100%; max-height:100%;"></img>
</div>
<script type="text/javascript">
    var fileLink = getQueryString("fileLink");
    let uri = base64_decode(fileLink);
    showImage(uri);
    function showImage(fileLink) {
        $("#imgPlayer").attr('src', fileLink);
        $("#imgPlayer").show();
    }
</script>
</body>
</html>